<template>
  <div class="manage">
    <headnav></headnav>
      <el-container class="maincon">
      <el-aside class="asides">
        <el-menu
      :default-active="active"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose">
      
      <el-menu-item index="1" >
        <router-link to="/proman/manage">
        <i class="el-icon-document"></i>
        
        <span >数据处理</span>
        </router-link>
      </el-menu-item>
      <el-menu-item index="2">
       <router-link to="/proman/manageStatelist">
        <i class="el-icon-setting"></i>
         
        <span >任务状态</span>
         </router-link>
      </el-menu-item>
     </el-menu>
      </el-aside>
      <el-main>
        <router-view></router-view>
      </el-main>
      </el-container>
      
    
  </div>
</template>

<script>
import headnav from '@/components/HeadNav';
export default {
  name: 'tenance',
  components:{
    headnav
  },
   data () {
    return {
        active:"1"
    }
  },
  methods:{
    handleOpen(){

    },
    handleClose(){
      
    }
  }
}
</script>

<style scoped>
.tenancemain{
    padding: 8px;
}
.page{
    text-align: center
}
a{
  color: black;
  text-decoration: none;
}
.btngroup{
  padding: 8px 0px;
}
.addform .el-form-item{
  margin: 0px;
}
.addDialog .el-dialog__body{
  padding: 10px;
}
input{
  height: 30px;
  line-height: 30px;
}
.radio{
  width: 20px;
  overflow: hidden;
}
.el-menu-item.is-active{
  background: #ecf5ff;
  color: blue;
}
</style>